<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>productList</title>
<link href="11css.css" rel="stylesheet"/>
</head>

<body>
	<header>
    	<h1>商品列表</h1>
        <nav>
        	<a href="#">综合</a>
            <a href="#">销量</a>
            <a href="#">价格</a>
        </nav>
    </header>
    <article>
    	<section>
        	<figure>
            	<img src="images/1.jpg"/>
            </figure>
            <div>
            	<p>HUAWEI mate60pro</p>
                <p>6999起</p>
                <p>十六亿人付款</p>
            </div>
        </section>
        <section>
        	<figure>
            	<img src="images/2.jpg"/>
            </figure>
            <div>
            	<p>HUAWEI pura70pro</p>
                <p>7999起</p>
                <p>十六亿人付款</p>
            </div>
        </section>
        <section>
        	<figure>
            	<img src="images/3.jpg"/>
            </figure>
            <div>
            	<p>HUAWEI pura70Ultra</p>
                <p>9999起</p>
                <p>十六亿人付款</p>
            </div>
        </section>
    </article>
</body>
</html>
